<template>
  <div class="header w-full h-[49px] flex justify-between items-center">
    <div class="header-left" @click="$router.back()">
      <div class="h-[49px] pl-[10px] pr-[2px] flex items-center justify-center">
        <van-icon name="arrow-left" />
      </div>
    </div>
    <div class="text-[#000] text-[17px] w-[130px]">
      {{ gameDetail.Name }}
    </div>
    <div class="flex-1 w-0 flex justify-between items-center mr-[15px]">
      <div class="flex-1 w-0">
        <div class="h-[20px] truncate">当期:{{ gameDetail.CurrentBetAmount }}</div>
        <div class="h-[20px] truncate">当日:{{ gameDetail.BetAmount }}</div>
      </div>
      <div class="flex-1 w-0 ml-[4px]">
        <div class="h-[20px] truncate">盈亏:{{ gameDetail.NetAmount }}</div>
        <div class="h-[20px]"></div>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
const emit = defineEmits(["back"]);

const gameDetail = inject("gameDetail") as GameTotalMo;
</script>
<style lang="scss" scoped>
.header {
  background: linear-gradient(to right, #5e91d4, #33d9e7);
  position: relative;
  .header-left {
    .van-icon {
      font-size: 18px;
      color: #000;
    }
  }
}
</style>
